<!DOCTYPE html>
<html lang="Zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form And table </title>
</head>
<body>
    <table border="1" cellpadding="0" cellspacing="0">
        <caption>我是表格标题</caption>
        <tr>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td>24</td>
        </tr>
        <tr>
            <td>31</td>
            <td>32</td>
            <td>33</td>
            <td>34</td>
        </tr>
    </table>
    <hr/>
    <p>table标签:定义表格标签<br/>
        caption标签:定义表格标题<br/>
        tr标签:定义行<br/>
        td标签:定义列<br/>
        border属性-定义有边框的表格<br/>
        cellspacing属性-定义表格单元格之间的空间<br/> 
        cellpadding属性-表示单元格边框与单元格内容之间的距离</p>

    <form action="#" method="#">
        <label>文本框</label>
        <input type="text" width="200" height="50" name="username">
        <br/>
        <label>密码框</label>
        <input type="password" width="200" height="50" name="password" ><br/>
        <label>单选按钮</label>
        <input type="radio" name="sex" value="male">男
        <input type="radio" name="sex" value="female">女<br/>
        <label >复选框</label>
        <input type="checkbox" name="vehicle" value="Bike">自行车<br>
        <input type="checkbox" name="vehicle" value="Car">小车<br/>
        <label >提交按钮</label>
        <input type="submit" value="Submit">
        <label>普通按钮</label>
        <input type="Button" name="普通按钮" value="普通按钮">
    </form>
    <hr/>
    <p>form标签:定义表单<br/>
    label标签:定义标签<br/>
    input标签:定义一个输入标签<br/>
    type属性:定义输入框的类型<br/>
    width属性:定义文本框的宽度<br/>
    height属性:定义文本框的高度<br/>
    name属性:定义该标签的属性名<br/>
    value属性:定义标签的值</p>
</body>
</html>